<template>
    <div class="common-layout">
        <el-container>
            <el-header>
                <div class="title">
                    <h2>历史完成项总览</h2>
                </div>
            </el-header>

            <el-main>
               <HistoryTaskList></HistoryTaskList>
        

         
            </el-main>
            
        </el-container>
    </div>


</template>

<script>
import HistoryTaskList from "../../../components/HistoryTaskList.vue";
export default {
    components: { HistoryTaskList }
}
</script>

<style scoped lang="less">
.el-container {
    
    --el-header-height:auto;
    .el-header {

        display: flex;
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    .el-main {
        margin: 0;
        height: 82vh;
        overflow:auto;
        display: flex;
        background-color: #ffff;
        border-radius: 25px 0px 0 0;
  
        flex-direction: column;
        padding-right: 100px;
       
      
        ul.el-timeline{
            
            width:40%
        }
    }


}
</style>